<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="css/style.css" type="text/css" />
	<link rel="stylesheet" href="css/theme.css" type="text/css" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script src="js/lookup.js"></script>
<style>
button{
color:blue;
position: relative;
	width: 220px
	outline: none;
	box-shadow: 0px 0px 5px #61C5FA;
	border:1px solid #5AB0DB;
}
.inputField{
	outline: none;
	box-shadow: 0px 0px 5px #61C5FA;
	border:1px solid #5AB0DB;
	margin-left: 100px;
	position: relative;
	width: 220px;
	border-radius: 5px;
}


</style>
<script type="text/javascript">
	function Confirm(){
		alert("Do you want to make this Programe in-active?")
	}
	function Save(){
		alert("Are you sure to want to change this programe?")
	}

</script>
<title>Programme Details</title>
</head>
<body>
	<div id="wrapper">
	<div id="header">
		<div id="banner">
			<img src="img/banner.jpg" height="150px" width="100%"/>
		</div>
		<div id="menubar">
			<ul id="navbar">
				<li><a href="#">Home</a></li>
				<li><a href="#">Contact</a><ul>
					<li><a href="#">List Contact</a></li>
					<li><a href="#">Create Contact</a></li>
					<li><a href="#">Update Contact</a></li></ul>
				</li>
			</ul>
		</div>
	</div>
		<div style="clear:both"></div>
	
	<div id="body" style="width:100%">
		<div class="article">
			<h3>Gioi thieu</h3>
			<div id="content">
				<div style ="position:relative;top:27px;width:50px;border:1px solid black;border-bottom-style:hidden;background: white;"><label style="color: blue;size: 4px">Details</label></div>
	<div style ="position:relative;float:right">
		<table>
			<tr>
				<td><button onclick="Confirm()">Deactivate</button></td>
				<td><button onclick="Save()">Save</button></td>
				<td><a href="ServiceList.html"><button >Back</button></a></td>
			</tr>
		</table>
	</div>
	<div style="clear:both"></div>
	<div style="width: 100%;height:150px;border: 1px solid blue;">
		<table width="100%">
			<tr>
				<td><h4>Programe Name</h4></td>
				<td><input type="text" size="50px" class ="inputField"></td>
				<td>  <h4>Contact</h4>   </td>
				<td><input type="text" size ="30px" class ="inputField"> <a href="">lookup</a></td>
			</tr>
			<tr>
				<td><h4>Description </h4></td>
				<td><textarea rows="2" cols="38" class ="inputField"></textarea></td>
			</tr>
		</table>
	</div>
			</div>
		</div>
	</div>
	
	<div style="clear:both"></div>
	<div id="footer">
		My footer.
	</div>
</div>
	
</body>
</html>

